<template>
    <div class="logo">
        <a @click="router.push({ name: 'index' })" style="cursor: pointer; ">
            <img class="logoImg" :src="walletLogo" alt="BlockWatch Logo" title="BlockWatch">
        </a>
    </div>
</template>

<script setup>
import { reactive, ref, computed } from 'vue'
import { useRouter } from 'vue-router';
import { useUserStore } from "@/stores";
import { ElMessage } from "element-plus";
// 导入 walletLogo 图片，img 标签可以动态使用
import { walletLogo } from "@/utils/imgUrl.js";
import { useI18n } from "vue-i18n";

const { t } = useI18n();
const userStore = useUserStore()
const router = useRouter();
const eye = ref(true)

</script>
<style scoped lang="less">
.logo {
    margin: .1rem 0;

    .logoImg {
        width: 20%;
        float: left;
    }
}
</style>